<%@ page language="java" import="java.util.*" pageEncoding="utf8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>我的考勤</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<style>
.lynn_content{
margin-top:8px;
margin-left:8px;
width:100%;
}
.lynn_select{
font-family :monospace;
font-size: 11pt;
}
.lynn_time{
margin-left:8px;
}
.lynn_sign{
margin-top:12px;
margin-left:8px;
}

.lynn_table{
border-style:solid;
border-color:silver;
border-width: thin ;
}
.lynn_th{
	background:darkgray;
	line-height: 120%;
	height: 25px;
	width:110px;
	text-align: center;
	font-family:sans-serif;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
}

.lynn_td{
	padding: 15px 15px;
	border-bottom: 1px solid darkgray;
	text-align: right;
	
	height: 80px;
	font-size: 15px;
	border-right-style:solid;
	border-right-color: silver;
	border-right-width: 1px;
}
.lynn_td * {
	padding: 4px 4px;
}

.alt.lynn_td {
	background:lavender;
}

.over.lynn_td {
	background: lavender;
}
 

</style>
<script type="text/javascript">
function closedialog(param) {
	alert(param.msg);
	return true;
}
</script>
<script type="text/javascript">
		$(document).ready(function() { //这个就是传说的ready
				$(".lynn_table .lynn_td").mouseover(function() {
					//如果鼠标移到class为stripe的表格的tr上时，执行函数
						$(this).addClass("over");
					}).mouseout(function() {
					//给这行添加class值为over，并且当鼠标一出该行时执行函数
						$(this).removeClass("over");
					}) //移除该行的class
				$(".lynn_table .lynn_td:even").addClass("alt");
				//给class为stripe的表格的偶数行添加class值为alt
			});
</script>
  </head>
  
  <body>
  <div class="lynn_content">
  <div class="lynn_title">
  
			<div class="lynn_select">
			考勤时间：
			<select id="lynn_year">
				<option value="2012">
					2012年
					<option value="2011">
						2011年
						<option value="2010">
								2010年
							<option value="2009">
								2009年						
			</select>
		  
			<select id="lynn-month">
				<option value="01">
					01
					<option value="02">
					02
						<option value="03">
					03
							<option value="04">
					04
						<option value="05">
					05
					<option value="06">
					06
					<option value="07">
					07
					<option value="08">
					08	
						<option value="09">
					09
							<option value="10">
					10
						<option value="11">
					11
					<option value="12">
					12			
			</select>
			</div>
			
			</div>
			</div>
	<div class="lynn_sign">
	
		<table class="lynn_table">
		<tr class="lynn_tr">
		<th class="lynn_th">
		星期一
		</th>
		<th class="lynn_th">
		星期二
		</th>
		<th class="lynn_th">
		星期三
		</th>
		<th class="lynn_th">
		星期四
		</th>
		<th class="lynn_th">
		星期五
		</th>
		<th class="lynn_th">
		星期六
		</th>
		<th class="lynn_th">
		星期日
		</th>
		</tr>
		<tr>
		<td class="lynn_td">1</td>
		<td class="lynn_td">
		2
		</td>
		<td class="lynn_td">
		3
		</td>
		<td class="lynn_td">
		4
		</td>
		<td class="lynn_td">
		5
		</td>
		<td class="lynn_td">
		6
		</td>
		<td class="lynn_td">
		7
		</td>
		</tr>
		<tr>
		<td  class="lynn_td">8</td>
		<td  class="lynn_td">
		9
		</td>
		<td  class="lynn_td">
		10
		</td>
		<td  class="lynn_td">
		11
		</td>
		<td  class="lynn_td">
		12
		</td>
		<td  class="lynn_td">
		13
		</td>
		<td  class="lynn_td">
		14
		</td>
		</tr>
		<tr>
		<td  class="lynn_td">15</td>
		<td  class="lynn_td">
		16
		</td>
		<td  class="lynn_td">
		17
		</td>
		<td  class="lynn_td">
		18
		</td>
		<td  class="lynn_td">
		19
		</td>
		<td  class="lynn_td">
		20
		</td>
		<td  class="lynn_td">
		21
		</td>
		</tr>
			<tr>
		<td  class="lynn_td">21</td>
		<td  class="lynn_td">
		22
		</td>
		<td  class="lynn_td">
		23
		</td>
		<td  class="lynn_td">
		24
		</td>
		<td  class="lynn_td">
		25
		</td>
		<td  class="lynn_td">
		26
		</td>
		<td  class="lynn_td">
		27
		</td>
		</tr>
				<tr>
		<td  class="lynn_td">28</td>
		<td  class="lynn_td">
		29
		</td>
		<td  class="lynn_td">
		30
		</td>
		<td class="lynn_td">
		
		</td>
		<td class="lynn_td">
		
		</td>
		<td class="lynn_td">
		
		</td>
		<td class="lynn_td">
	
		</td>
			
		</tr>
		</table>	
		</div>

  </body>
</html>
